::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 7px;
  box-shadow: inset 8px 10px 10px rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0,0,0,0);
}

body {
  margin: 0;
  padding: 0;
}

pre.code-block-wrapper {
  position: relative !important;
}
.code-block-header {
  position: absolute !important;
  top: 4px;
  right: 0;
  width: 100%;
  padding: 0 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #b3b3b3;
}
.code-block-header__copy {
  cursor: pointer;
  font-size: 12px;
  &:hover {
    color: #ffffff;
  }
}
.hljs.code-block-body {
  padding-top: 22px;
}

::v-deep(.n-layout-content) {
  background-color: transparent;
}

.n-layout-sider .n-layout-toggle-button {
  top: 40%;
}

.n-modal-mask {
  background-color: rgba(0,0,0,0.9) !important;
}